[New] MediumMultilineInput
and LargeMultilineInput
Elements
#766
+109
−1
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
feat: New
MediumMultilineInput
andLargeMultilineInput
ElementsWhy Do We need this ?
Larger Multiline Input Elements will open new possibilities for Rocket.Chat App Developers.
Larger input components can be used in future apps which include a Code Editing App where the developers pair program inside Rocket.Chat.
Or a Journal App/Notes App where journal Entries or more extensive notes can be made in RC
Or a Future GitLab integrations where a code Review and Edit feature will be desirable.
Larger can even be used in the main chat input component to edit and send a larger message to the Rocket.Chat channel, which may not be possible with the current input component.
Our use case and motivation to add this component to fuselage was to enable users display and merge PRs right from RocketChat channels through the GitHub App. This will be an exclusive feature which is not available in any
GitHub x Messaging
app intigration.We currently use the
SectionBlock
as theInputBlock
is too small, but theSectionBlock
looses the indentation.2022-07-15.20-13-48.mp4
A Larger Input component can help us take fix this as it preserves indentation. This would improve community collaboration over Rocket.Chat and push
Messaging x Developer Collaboration
to the limitsThe Same component can also be extended to add new Issues to GitHub or A Rocket.Chat app which parses and display markdown. The possibilities can be endless.
Updating the Multi-Line InputBlock #744
Proposed changes (including videos or screenshots)
Added New
MediumMultilineInput
andLargeMultilineInput
elements to fuselage-ui-kit.Added the new elements to the storybook.
Input With Medium Multiline Plane Text Input
2022-07-11.05-33-07.mp4
2022-07-11.05-33-33.mp4
Input With Large Multiline Plane Text Input
2022-07-11.05-34-02.mp4
2022-07-11.05-34-29.mp4
Issue(s)
closes #765